<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="贷款,融资,网贷,苏e融,南京荣勋,荣勋,融360,平安">
    <meta name="description" content="苏e融一站式金融服务平台-专属融资顾问一对一提供多形式金融方案">
    <link rel="shortcut icon" href="http://img0.rongsue.com/images/favicon.ico?imageView2/2/w/80/h/80/interlace/1/q/100">
    <title>苏e融官网正式上线</title>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?f9134e07745dfc11d963c1eea61ddc59";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<style>
    html,body{
        margin:0px;
        padding:0px;
        position: relative;
        min-width:320px;
        max-width:640px;
        height:100%;
        overflow: hidden;
    }

    #start {
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:3;
        font-size:30px;
        text-align: center;
        color: #FFF;
        background-color: #1A1039;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        z-index:33;
    }

    #start .text{
        width:60px;
        height:60px;
        line-height: 60px;
        font-size:20px;
        background-color: #FFF;
        text-align: center;
        color:#1A1039;
        animation: borderbig .7s infinite linear;
        -webkit-animation: borderbig .7s infinite linear ;
        border-style: solid;
        border-radius: 50%;
    }

    @-webkit-keyframes borderbig {
        from {
            border-width:0px;
            border-color: #FFF;
        }
        to {
            border-width:50px;
            border-color: #1A1039;
        }
    }
    
    @keyframes borderbig {
        from {
            border-width:0px;
            border-color: #FFF;
        }
        to {
            border-width:50px;
            border-color: #1A1039;
        }
    }

    #end {
        display: none;
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:11;
        font-size:30px;
        text-align: center;
        background-color: #000B56;
        text-align: center;
        align-items: center;
        justify-content: center;
        transition: background-color 2s linear;
    }

    #end .text{
        font-size:20px;
        color: #FFF;
        transition: color 2s linear;
    }

    #end.active{
        background-color: #FFF;
    }

    #end.active .text{
        color:#000B56;
    }

    #videoLayer{
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index: 2;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -moz-box-pack: center;
        -webkit-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        display: flex;
        z-index:22;
    }

    #videoLayer video{
        display: block;
        width:100%;
        object-fit: cover;
    }

    #reg{
        position: absolute;
        top:0px;
        left:0px;
        width: 100%;
        height:100%;
        box-sizing: border-box;
        padding-top:50px;
        padding-left:35px;
        padding-right:35px;
    }
    
    #reg img{
        margin:0 auto;
        width:150px;
        display: block;
    }

    #reg input.text,#reg input.btn{
        width:100%;
        height:40px;
        line-height: 40px;
        font-size:16px;
        display: block;
        margin-top: 30px;
        box-sizing: border-box;
        outline: none;
        
    }

    #reg input.text{
        padding-left: 10px;
        border-radius: 1px;
        border-style: solid;
        border-width:1px;
        border-color:#E6E6E6;
        transition: border-color .2s linear;
    }

    #reg input.btn{
        text-align:center;
        margin-top: 30px;
        border-radius: 5px;
        background-color: #6F81DD;
        color:#FFF;
        border:none;
    }

    #reg input.text.short{
        width:65%;
        float: left;
    }

    #reg input.btn.short{
        width:30%;
        float: left;
        background-color: #999;
    }

    .cb{
        clear: both;
    }

    .mt10{
        margin-top:10px;
    }

    .mt20{
        margin-top:20px;
    }
</style>
<body>
    <div id="app">
        <div>
            <div id="start">
                <div class="text">
                    播放
                </div>
            </div>
            <div id="videoLayer">
                <video id="video" src="http://img0.rongsue.com/h5kehu.mp4"  preload="auto" x5-video-player-type="h5" webkit-playsinline="true" controls="false"></video>
            </div>
            <div id="end">
                <div class="text">
                    正在进入登录页面，请稍后...
                </div>
            </div>
        </div>
    </div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="http://img0.rongsue.com/js/jquery.min.js"></script>
<script src="/assets/lib/util.js"></script>
<script>
  (function(window,$){
    var video=document.getElementById("video");
    
    $(function(){
    
      var timer=setInterval(()=>{
            // tongji
            if (video.currentTime>0){
                console.log(video.currentTime)
                window._hmt.push(['_trackEvent', "video","play", "kuaishan", "1"]);
                $("#start").css({"display":"none"});
                clearInterval(timer)
            }
        },200)
        
      // video.play();
      
      $("#start").on("click",function(){
        $(this).css({"display":"none"});
        video.play();

      })

      $(video).on("ended",function(){
          console.log('end?',video.currentTime);
            if (video.currentTime>10){
                $("#videoLayer").remove();
                $("#end").css({"display":"flex"});
                setTimeout(function(){
                    $("#end").addClass('active'); 
                },200);
                setTimeout(function(){
                    window.location.href="/wechat/reg.html?usertype=1";
                },3000);
            }
      })

      initWx();
    })


    function initWx(){
        // 如果不是微信环境 算了算了
        if (!util.isWechat()){
            return;
        }

        var shareInfo={
            title:'苏e融官网正式上线',
            desc:'专业信息咨询服务平台',
            link:'http://rongsue.com/h5/',
            imgUrl:'http://img0.rongsue.com/wechat/logo_spider.jpg'
        }

        $.ajax({
            url:"http://api.rongsue.com/wx/getwx?url="+encodeURIComponent(window.location.href.split('#')[0]),
            type:'POST',
            success:function(res){
                
                wx.config({
                    debug:false,
                    appId:util.appId,
                    timestamp:parseInt(res.data.timestamp),
                    nonceStr:res.data.nonceStr,
                    signature:res.data.signature,
                    jsApiList:util.jsApiList
                })
            }
        })
        
        /*
        wx.config({
            debug:false,
            appId:util.appId,
            timestamp:1528170107,
            nonceStr:'xxxxx',
            signature:'6152dae3ab35e07d0995b807383ada83c9c649e2',
            jsApiList:util.jsApiList
        })*/

        
        wx.ready(function(){

            wx.onMenuShareAppMessage({
                title: shareInfo.title, // 分享标题
                desc: shareInfo.desc, // 分享描述
                link: shareInfo.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: shareInfo.imgUrl, // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    console.log("share to friend");
                }
            });

            wx.onMenuShareTimeline({
                title: shareInfo.title, // 分享标题
                link: shareInfo.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: shareInfo.imgUrl, // 分享图标
                success: function () {
                    console.log("share to timeline");
                }
            });

            wx.onMenuShareQQ({
                title: shareInfo.title, // 分享标题
                desc: shareInfo.desc, // 分享描述
                link: shareInfo.link, // 分享链接
                imgUrl: shareInfo.imgUrl, // 分享图标
                success: function () {
                    console.log('share to QQ')
                },
                cancel: function () {
                // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareWeibo({
                title: shareInfo.title, // 分享标题
                desc: shareInfo.desc, // 分享描述
                link: shareInfo.link, // 分享链接
                imgUrl: shareInfo.imgUrl, // 分享图标
                success: function () {
                // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({
                title: shareInfo.title, // 分享标题
                desc: shareInfo.desc, // 分享描述
                link: shareInfo.link, // 分享链接
                imgUrl: shareInfo.imgUrl, // 分享图标
                success: function () {
                // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                // 用户取消分享后执行的回调函数
                }
            });

        })

    }



  })(window,jQuery)

</script>
</html>